<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>{{title}}</div>
    <div>{{obj}}</div>
    <div>{{a}}</div>
    <div>{{b}}</div>
    <div>{{arr[0]}}</div>
    <div>{{arr[1]}}</div>
    <!-- 加上@可以解析html标签 -->
    <div>{{@html}}</div>

    <ul>
        {{if a<4}}
        <li>a小于4</li>
        {{else if a>4}}
        <li>a大于4</li>
        {{/if}}
    </ul>
    <!-- 列表循环 -->
    <ul>
    {{each arr}}
        <li>{{$index}}---{{$value}}</li>
    {{/each}}
</ul>
<!-- 列表循环数组中的对象 -->
    <ul>
    {{each arrObj}}
        <li>{{$index}}---{{$value.name}}----{{$value.age}}</li>
    {{/each}}
    <!-- 定义变量 -->
    {{set temp = a}}
    <div>{{temp}}</div>
<!-- 引入字模版 头部  可以在header.html中使用传入的数据 -->
    <div>
        {{include './header.html'}}
    </div>
</ul>
</body>
</html>